<template>
  <div class="index">
    <base-info></base-info>

    <div v-for="(item,index) in meIconList" :key="'meIndex'+index">
      <div class="gup" v-if="item.newGroup===true"></div>
      <wx-cell :title="item.title" :img="item.img">
      </wx-cell>
    </div>
    <tabbar></tabbar>
  </div>
</template>

<script>
import {meIconList} from "@/data/me";
import Tabbar from "@/components/tabbar/tabbar";
import BaseInfo from "./baseInfo";
import WxCell from "@/components/wxCell/wxCell";

export default {
  name: "index",
  components: {WxCell, BaseInfo, Tabbar},
  data() {
    return {
      meIconList
    }
  }
}
</script>

<style scoped>
.index {
  background-color: #EEEEEE;
  width: 100vw;
  height: 100vh;
}

.gup {
  margin-top: .26rem;
}
</style>